<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/css/style.css"  type="text/css" media="screen" />
<title>urlzen - a URL shortener for the social web</title>
<meta name="description" value="urlzen is a better short url service designed for use on the social web.">
    <meta name="keywords" value="urlzen, tekzen, url, shortener, tinyurl, short url, tiny url, tiny">
<SCRIPT LANGUAGE="JavaScript" SRC="/css/zen.js"></SCRIPT>
<script type="text/javascript">
      <!--
        function getUrl(url) {
          document.location = '/'+url;
        }
      // -->
    </script>
</head>

<body onload="MM_preloadImages('/images/short-bt2.gif')">
<div id="page">
	<div class="main">
    	
		<div class="header1">
        	<div class="logo"><a href="http://urlzen.com"><img src="/images/logo.gif" alt="urlzen" width="300" height="90" border="none" /></a></div>
        </div>
		
		<div class="header2a">
			<div class="toppart1">
				<form action="/" method="get" onsubmit="if (1) {getUrl(getElementById('url').value);return false;}">
				<div class="h2left">
				  <input type="text" name="url" id="url" value="ENTER A LONG URL TO MAKE IT SHORTER" onfocus="clearText(this);toggleColor(this);" class="normal" onblur="toggleColor(this);"  />
				</div>
				<div class="h2right"><a href="#" onclick="getUrl(getElementById('url').value);false;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('short','','/images/short-bt2.gif',1)"><img src="/images/short-bt.gif" alt="shorten" name="short" width="92" height="50" border="0" id="short" /></a></div>
				</form>
		  </div>
		</div>     
	 
<!-- start header3a !-->
<div class="header3a">
	<div class="h3left">
	
					<div class="tophead">RECENT URL's</div>
					  {% for l in recent_links %}
              <p><img src="/images/bullet.gif" align="left" /><a href="http://{{domain}}/{{l.slug}}">{{l.page_title}}</a></p>
					  {% endfor %}
					<p>&nbsp;</p>
					<p>&nbsp;</p>
	
	</div>
	
	<div class="h3right">
				<div class="rtop1">
					<div class="text1">Bookmarklet</div>
					<div class="text2">drag this button to your bookmarks bar</div>
					<div class="text3"><a href="javascript:void(location.href='http://urlzen.com/'+location.href)"  onmouseover="window.status='';return true" onclick="return false"><img src="images/url-bt2.gif" alt="urlzen" width="116" height="30" border="none" /></a></div>
				</div>
				
				<div class="rtop11">
					<div class="text11">Bookmarklet with auto copy</div>
					<div class="text21">drag this button to your bookmarks bar</div>
					<div class="text31"><a href="javascript:void(location.href='http://urlzen.com/shorten/?autocopy=true&url='+location.href)"  onmouseover="window.status='';return true" onclick="return false"><img src="images/url-bt1.gif" alt="urlzen" width="149" height="30" border="none" /></a></div>
				</div>
	</div>
</div>         
<!-- End header3a !-->

<!-- start header3 !-->
   <div class="header3"> 
    	<div class="toppart3">
            <div class="ch"><a href="http://statzen.com"><img src="/images/checkout.gif" alt="urlzen" width="189" height="45" border="none" /></a></div>
            <div class="sz"><a href="http://statzen.com"><img src="/images/statzen.gif" alt="urlzen" width="123" height="45" border="none" /></a></div>
            </div>
            <div class="toppart4">© 2008 tekzen inc.   Developed by Jackson Miller</div>
            <div class="toppart5">design by <a href="http://www.digitalmode.com/">Digitalmode</a></div>
            <div class="toppart6"></div>
        
        </div>
     </div>

<!-- End header3 !-->

<div class="header4a">&nbsp;</div>	 
	 
     </div>
</div>
<!-- urlzen application version: {{app_version}}> -->
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-1610393-3");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>
<!--
    <script src="http://urlzen.uservoice.com/pages/general/widgets/tab.js?alignment=right&amp;color=00BCBA" type="text/javascript"></script>
-->
</body>
</html>
